import Taro, {
  Component
} from '@tarojs/taro'
import {
  View,
  Text,
  Button
} from '@tarojs/components'

import './user.css'
import {
  AtIcon,
  AtGrid
} from 'taro-ui'

export default class User extends Component {

  config = {
    navigationBarTitleText: '个人中心'
  }

  componentWillMount() {}

  componentDidMount() {}

  componentWillUnmount() {}

  componentDidShow() {}

  componentDidHide() {}

  logout() {
    console.log(111);
  }

  render() {
    return (
      <View className='index'>
        <View className='at-row at-row--wrap user-header'>
          <View className='at-col at-col-12 user-avatar'>
            <AtIcon value='user' size='30' color='#FFF'></AtIcon>
          </View>
          <View className='at-col at-col-12'>用户admin</View>
        </View>
        <View className ='at-row at-row--wrap user-body'>
          <View className='at-col at-col-11'>
            <View className='at-row at-row--wrap'>
              <View className='at-col at-col-6 body-border-bottom body-border-right'>
                <View className='at-row at-row--wrap user-body-box'>
                  <View className='at-col at-col-12 user-body-name'>现金账户</View>
                  <View className='at-col at-col-12 user-body-money'>0.00</View>
                </View>
              </View>
              <View className='at-col at-col-6 body-border-bottom'>
                <View className='at-row at-row--wrap user-body-box'>
                  <View className='at-col at-col-12 user-body-name body-margin-left'>现金账户</View>
                  <View className='at-col at-col-12 user-body-money body-margin-left'>0.00</View>
                </View>
              </View>
            </View>
            <View className='at-row at-row--wrap'>
              <View className='at-col at-col-6 body-border-right'>
                <View className='at-row at-row--wrap user-body-box'>
                  <View className='at-col at-col-12 user-body-name'>现金账户</View>
                  <View className='at-col at-col-12 user-body-money'>0.00</View>
                </View>
              </View>
              <View className='at-col at-col-6'>
                <View className='at-row at-row--wrap user-body-box'>
                
                </View>
              </View>
            </View>
          </View>
        </View>
        <View className ='at-row at-row--wrap user-footer'>
          <View className='at-col at-col-12'>
            <AtGrid data = {
              [
                {
                  image: 'https://img12.360buyimg.com/jdphoto/s72x72_jfs/t6160/14/2008729947/2754/7d512a86/595c3aeeNa89ddf71.png',
                  value: '领取中心'
                },
                {
                  image: 'https://img20.360buyimg.com/jdphoto/s72x72_jfs/t15151/308/1012305375/2300/536ee6ef/5a411466N040a074b.png',
                  value: '找折扣'
                },
                {
                  image: 'https://img10.360buyimg.com/jdphoto/s72x72_jfs/t5872/209/5240187906/2872/8fa98cd/595c3b2aN4155b931.png',
                  value: '领会员'
                },
                {
                  image: 'https://img12.360buyimg.com/jdphoto/s72x72_jfs/t10660/330/203667368/1672/801735d7/59c85643N31e68303.png',
                  value: '新品首发'
                },
                {
                  image: 'https://img14.360buyimg.com/jdphoto/s72x72_jfs/t17251/336/1311038817/3177/72595a07/5ac44618Na1db7b09.png',
                  value: '领京豆'
                },
                {
                  image: 'https://img30.360buyimg.com/jdphoto/s72x72_jfs/t5770/97/5184449507/2423/294d5f95/595c3b4dNbc6bc95d.png',
                  value: '手机馆'
                }
              ]
            } />
          </View>
        </View>
      </View>
    )
  }
}